<template>
	<view class="executePlan">
		<uni-swipe-action :options="options" class="mainContent" v-for="(item,index) in list" :key="index" v-if="list.length > 0">
			<uni-swipe-action-item :right-options="options" @click="bindClick(item)">
				<view class="initalValue">
					<view class="nameBox">
						<image src="../../../static/img/plan/headPortraits.png"></image>
						<text class="name">{{item.userName}}</text>
						<text class="stateCode1" v-if="item.status == 1">正常</text>
						<text class="stateCode" v-if="item.status == 2">逾期</text>
					</view>
					<view class="carryOut" @click="carryOut(item.id)">执行</view>
				</view>
				<navigator :url="'/pages/execute/execute?id='+item.id+'&scrollTop='+scrollTop+'&isNullData='+isNullData" class="executeData">
					<view class="executeTime">
						<view>
							<text>计划日期：</text>
							<text>{{item.createdDate}}</text>
						</view>
						<view>
							<text>主要内容：</text>
							<text>{{item.content}}</text>
						</view>
					</view>
					<view class="specificItem">
						<view>具体事项：</view>
						<text v-html="item.specificMatters"></text>
					</view>
				</navigator>
			</uni-swipe-action-item>
		</uni-swipe-action>
		<view class="defaultPage" v-if="!list || list.length <= 0" @click="toAdd">
			<image src="../../../static/img/report_null.png"></image>
			<p>添加新的执行计划</p>
		</view>
		<view class="tips">{{tipsTitle}}</view>
		<u-modal v-model="showModal" :show-cancel-button="true" @confirm="Modalconfirm" :content="showContent"></u-modal>
		<u-modal v-model="showModal1" :show-cancel-button="true" @confirm="Modalconfirm1" :content="showContent1"></u-modal>
	</view>
</template>

<script src="@/static/js/headFeatures/execute/executePlan.js"></script>

<style lang="scss" scoped>
	@import '@/static/css/headFeatures/execute/execute.scss'
</style>
